import { createApp } from 'vue'
import pinia from './stores'
import ElementPlus from 'element-plus'
import zhCn from 'element-plus/es/locale/lang/zh-cn'
import 'element-plus/dist/index.css'
// 引入适配文件rem
import './assets/rem/index.js';
import App from './App.vue'
import router from './router'
import './styles/index.scss'
import ElSvg from './components/SvgIcon/ElSvg'
import './permission'
// 引入字体样式
import  "@/assets/font/font.css"
import "./assets/aliIconfont/iconfont.css"
import "viewerjs/dist/viewer.css";
import Viewer from "v-viewer";
const app = createApp(App)
app.use(Viewer, {
  defaultOptions: {
    inline: true,  //默认值：false。启用内联模式。
    button: false,  //在查看器的右上角显示按钮。
    navbar: false,  //指定导航栏的可见性。
    title: true,  //指定标题的可见性和内容。
    toolbar: true,  //指定工具栏及其按钮的可见性和布局。
    tooltip: true,  //放大或缩小时显示带有图像比率（百分比）的工具提示。
    movable: true,  //启用以移动图像。
    zoomable: true,  //启用以缩放图像
    rotatable: true,  //启用以旋转图像
    scalable: true,  //启用以缩放图像。
    transition: true,  //为某些特殊元素启用CSS3转换。
    fullscreen: false,  //启用以在播放时请求全屏。
    keyboard: true,  //启用键盘支持。
    // url: 'src',  //默认值：'src'。定义获取原始图像URL以供查看的位置。
  },
});
ElSvg(app)
app.use(pinia)
  .use(router)
  .use(ElementPlus, {
    locale: zhCn,
  })
  .mount('#app')
